<!DOCTYPE html>
<html>
<head>
	<title>第一次培训作业</title>
	<link rel="stylesheet" href="index.css">
    </link>
</head>
<body>
	<div class="head">
		<span><img src="image/Logo.png">Cratia</span>
		<ul>
			<li><a>About</a></li>
			<li style="color: orange;"><a>Menu</a></li>
			<li><a>Callery</a></li>
			<li><a>Contact</a></li>
		</ul>
	</div>
	<div class="top">
		<h1>MENU</h1>
		<p class="topword">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
		</div>
	<div class="pictures">
		<div class="body">
			<img src="image\Main Dishes.png">
			<div>
				<h1>MAIN DISHES</h1>
			</div>
			     <hr width="30px" color="#F5F5F5">
			<div>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
			</div>
		</div>
		<div class="body">
			<img src="image\Soups.png">
			<div>
				<h1>SOUPS</h1>
			</div>
			    <hr width="30px" color="#F5F5F5">
			<div>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
			</div>
		</div>
		<div class="body">
			<img src="image\Hamburgers.png">
			<div>
				<h1>HAMBURGERS</h1>
			</div>
			   <hr width="30px" color="#F5F5F5">
			<div>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
			</div>
		</div>
		<div class="body">
			<img src="image\Desserts.png">
			<div>
				<h1>DESSERTS</h1>
			</div>
			   <hr width="30px" color="#F5F5F5">
			<div>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
			</div>
		</div>
		<div class="body">
			<img src="image\Barbecue.png" >
			<div>
				<h1>BARBECUE</h1>
			</div>
			    <hr width="30px" color="#F5F5F5">
			<div>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
			</div>
		</div>
		<div class="body">
			<img src="image\Salads.png">
			<div>
				<h1>SALADS</h1>
			</div>
			    <hr width="30px" color="#F5F5F5">
			<div>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
			</div>
		</div>
	</div>
	<div class="ass">
		<img src="image\Logo.png">
		<hr color="#F5F5F5">
		<p style="position: absolute;top: 1725px;left: 700px;">Gratia Restaurant</p>
		<p >Copyright 2016. All rights reserved by symu</p>
	</div>
	<div class="final">
			<p><img src="image\FB.png" ></p>
			<p><img src="image\TR.png" ></p>
			<p><img src="image\IG.png" ></p>
		
	</div>
</body>
</html>